.wrap {
  border: 1px solid #dbdbdb;
  padding: 10px 15%;
}

.wrap .shopping-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrap .shopping-status .shopping-title {
  font-size: 16px;
  color: #808080;
}

.wrap .shopping-status .shooping-progress {
  display: flex;
  align-items: center;
}

.wrap .shopping-status .shooping-progress > i {
  margin-right: 10px;
}

.wrap .shopping-status .shooping-progress > p {
  margin: 0;
  margin-right: 10px;
}

.wrap .shopping-status .shooping-progress .shopping-division {
  width: 100px;
  height: 1px;
  background: #cfcfcf;
}

.wrap .shopping-status .shooping-progress .checked {
  color: #c10000;
}

.wrap .shopping-status .shooping-progress .unchecked {
  color: #cfcfcf;
}

.wrap .shopping-status .con-shopping {
  color: #333;
}

.wrap .shopping-status .con-shopping:hover {
  text-decoration: none;
}

main {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

main > p {
  color: #c21e2e;
  margin: 20px 0;
}

main > a {
  display: block;
  margin: 20px 0;
  font-size: 14px;
  color: #4c7ac6;
}

main > a:hover {
  text-decoration: none;
}

main .section > p {
  margin: 10px auto;
  text-align: center;
  font-size: 12px;
  color: #333;
}

main .section .carousel {
  width: 100%;
  margin-bottom: 20px;
}

main .section .carousel .carousel-inner {
  width: 80%;
  margin: 0 auto;
}

main .section .carousel .carousel-inner .carousel-item .imglist {
  display: flex;
  justify-content: space-between;
}

main .section .carousel .carousel-inner .carousel-item .imglist .item {
  width: 100px;
}

main .section .carousel .carousel-inner .carousel-item .imglist .item > img {
  width: 100%;
}

main .section .carousel .carousel-inner .carousel-item .imglist .item > p {
  font-size: 12px;
  color: #000;
  margin: 10px 0;
}

main .section .carousel .carousel-inner .carousel-item .imglist .item > span {
  font-size: 12px;
  color: #a10000;
}

main .section .carousel > button {
  background: transparent;
  border: 0;
}

main .section .carousel .carousel-control-prev {
  justify-content: flex-start;
  align-items: center;
}

main .section .carousel .carousel-control-next {
  justify-content: flex-end;
  align-items: center;
}

main .section .carousel .carousel-control-next .carousel-control-next-icon {
  color: #333;
}
